Google maps jQuery plugin load markers with microdata example

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js""></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.microdata.js"></script>

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.fn.gmap.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.microdata.js"></script>

<script type="text/javascript">
	$(function() {
		$('#map_canvas').gmap().bind('init', function () {
			$('#map_canvas').gmap('microdata', 'http://data-vocabulary.org/Event', function(result, item, index) {
				var latlng = new google.maps.LatLng(result.properties.location[0].properties.geo[0].properties.latitude[0], result.properties.location[0].properties.geo[0].properties.longitude[0]);
				var content = '<div class="iw"><img class="iw-photo shadow-all" src="'+result.properties.photo[0]+'"/><h1 class="iw-summary">'+result.properties.summary[0]+'</h1><p class="iw-description">'+result.properties.description[0]+'</p><div class="clear"><div></div>';
				$('#map_canvas').gmap('addMarker', { 'bounds':true, 'position': latlng, 'content': content }, function(map, marker) {
					$(item).addClass('clickable');
					$(item).click(function() {
						$(marker).triggerEvent('click');
						return false;
					});
				}).click( function() {
					$('#map_canvas').gmap('openInfoWindow', { 'content': $(this)[0].content }, this ); 
				});																 
			});
		});
	});
</script>